<!--盘点历史-->
<template>
  <el-container>
    <el-header>
      <el-button class="export-btn  float-left" type="primary" round>{{lang._011}}</el-button>
      <!-- 导出按钮 -->
      <el-button class="float-right search-btn" type="primary" round>{{lang._012}}</el-button>
      <el-date-picker class="dataTime float-right" v-model="dataTime" type="datetimerange" :picker-options="pickerOptions2" range-separator="|"
        start-placeholder="2018-3-13 0:00:00" end-placeholder="2018-3-13 24:00:00" align="right">
      </el-date-picker>
      <!-- 时间选择 -->
    </el-header>
    <el-main>
      <el-table class="text-center tables" :data="tableData" stripe header-cell-style="color:#409eff;background-color:#ECF5FF;text-align:center">
        <el-table-column type="selection"></el-table-column>
        <el-table-column prop="uid" :label="lang._045" width="50">
        </el-table-column>
        <el-table-column prop="operate" :label="lang._028" width="50">
          <template slot-scope="scope">
            <el-button type="text">{{lang._039}}</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="inventoryStores" :label="lang._140" width="300">
        </el-table-column>
        <el-table-column prop="reviewBatch" :label="lang._141" width="180">
        </el-table-column>
        <el-table-column prop="reviewTime" :label="lang._142" width="180">
        </el-table-column>
        <el-table-column prop="reviewType" :label="lang._143" width="180">
        </el-table-column>
        <el-table-column prop="reviewer" :label="lang._144" width="180">
        </el-table-column>
        <el-table-column prop="inventurverfahren" :label="lang._145" width="180">
        </el-table-column>
        <el-table-column prop="missingGoods" :label="lang._146" width="180">
        </el-table-column>
        <el-table-column prop="remark" :label="lang._027">
        </el-table-column>
      </el-table>
    </el-main>
    <!-- 主要内容⬆ -->
    <el-footer>
      <el-checkbox class="float-left check-all-btn" v-model="checked">全选</el-checkbox>
      <el-button class="float-left btn" type="primary" round>批量设置</el-button>
    </el-footer>
  </el-container>


</template>
<style>
  .el-header .el-date-editor .el-range-input {
    float: left;
    color: #409eff;
    width: calc(50% - 15px);
  }

  .el-header .el-date-editor .el-range-separator {
    float: left;
    color: #409eff;
  }

  .el-header .el-date-editor .el-range__icon {
    display: none;
  }

</style>

<style lang="less" scoped>
  .export-btn {
    margin-top: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .search-btn {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    margin-top: 15px;
    border-radius: 0 14px 14px 0;
    margin-right: 20px;
    margin-left: 0;
  }

  .dataTime {
    border: 1px solid #409eff;
    color: #409eff;
    border-radius: 14px 0 0 14px;
    height: 30px;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    overflow: hidden;
  }

  .el-footer {
    .btn {
      margin-top: 15px;
      height: 30px;
      line-height: 30px;
      padding: 0 20px;
      margin-left: 20px;
      margin-right: 20px;
    }
  }

</style>
<style scoped>
  .el-header,
  .el-footer {
    background-color: #FFF;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }

  .el-main {
    color: #333;
    text-align: center;
    /* line-height: 160px; */
  }

  body>.el-container {
    margin-bottom: 40px;
  }

  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }

  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }

</style>


<script>
  export default {
    props: ['lang'],
    data() {
      return {
        activeName2: 'first',
        //初始的选择标签页
        pickerOptions2: {
          shortcuts: [{
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit('pick', [start, end]);
            }
          }]
        },
        dataTime: '',
        //时间选择器
        tableData: [{
          uid: '1',
          inventoryStores: 'Tast of blue',
          reviewBatch: '1702155535',
          reviewTime: '2017-12-11 12:00:00',
          reviewType: '原材料',
          reviewer: '小敏',
          inventurverfahren: '明盘',
          missingGoods: '0',
          remark: '估清'
        }, {
          uid: '1',
          inventoryStores: 'Tast of blue',
          reviewBatch: '1702155535',
          reviewTime: '2017-12-11 12:00:00',
          reviewType: '原材料',
          reviewer: '小敏',
          inventurverfahren: '明盘',
          missingGoods: '0',
          remark: '估清'
        }, {
          uid: '1',
          inventoryStores: 'Tast of blue',
          reviewBatch: '1702155535',
          reviewTime: '2017-12-11 12:00:00',
          reviewType: '原材料',
          reviewer: '小敏',
          inventurverfahren: '明盘',
          missingGoods: '0',
          remark: '估清'
        }, {
          uid: '1',
          inventoryStores: 'Tast of blue',
          reviewBatch: '1702155535',
          reviewTime: '2017-12-11 12:00:00',
          reviewType: '原材料',
          reviewer: '小敏',
          inventurverfahren: '明盘',
          missingGoods: '0',
          remark: '估清'
        }, {
          uid: '1',
          inventoryStores: 'Tast of blue',
          reviewBatch: '1702155535',
          reviewTime: '2017-12-11 12:00:00',
          reviewType: '原材料',
          reviewer: '小敏',
          inventurverfahren: '明盘',
          missingGoods: '0',
          remark: '估清'
        }, ]
        // 表格数据
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }

</script>
